<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生成身份证号</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
    <script src="../asset/layer/layer.js"></script>
    <!--统计代码-->
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?d7563142581065d08808fe56abf7f139";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h4 style="color:red"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>请不要拿在线生成的身份证号码做非法活动！若因使用这些身份证号码而产生任何问题和纠纷，本网站不承担任何直接或间接的责任！
            </h4>
            <div class="tabbable" id="tabs-868298">
                <ul class="nav nav-tabs">
                    <li>
                        <a href="#panel-100" data-toggle="tab">生成</a>
                    </li>
                    <li class="active">
                        <a href="#panel-101" data-toggle="tab">验证</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane " id="panel-100">
                        <div class="panel panel-default">
                            <div class="panel-heading" style="color: red !important;"><span
                                    class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>仅限于学习,禁止从事非法活动,本网站不承担任何直接或间接的责任!
                            </div>
                            <form id="cardForm" onsubmit="return false;">
                                <div class="panel-body">
                                    <div class=" form-group">
                                        <label class="control-label">选择地址</label>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <select class="form-control" name="province" id="province">
                                                </select>
                                            </div>
                                            <div class="col-md-3">
                                                <select class="form-control" id="city" name="city">
                                                </select>
                                            </div>
                                            <div class="col-md-3">
                                                <select class="form-control" name="area" id="area">
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class=" form-group">
                                        <label class="control-label">出生日期</label>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <select class="form-control" name="year" id="year">
                                                </select>
                                            </div>
                                            <div class="col-md-3">
                                                <select class="form-control" name="month" id="month">
                                                </select>
                                            </div>
                                            <div class="col-md-3">
                                                <select class="form-control" name="day" id="day">
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">选择性别</label>
                                        <div>
                                            <label class="checkbox-inline">
                                                <input type="radio" name="sex" value="1" checked> 男
                                            </label>
                                            <label class="checkbox-inline">
                                                <input type="radio" name="sex" value="0"> 女
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">选择数量</label>
                                        <div class="row">
                                            <div class="col-md-1">
                                                <select class="form-control" name="number" id="number">
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <button class="btn btn-primary btn-block" id="submit">生成</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <ol style="font-size: 17px;" class="result">
                                </ol>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-8">
                                <blockquote>
                                    历史记录:
                                </blockquote>
                                <ol class="history">
                                </ol>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane active" id="panel-101">
                        <div class="panel panel-default">
                            <div class="panel-heading" style="color: red !important;"><span
                                    class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>仅限于学习,禁止从事非法活动,本网站不承担任何直接或间接的责任!
                            </div>
                            <div class="panel-body">
                                <div class=" form-group">
                                    <label class="control-label">验证18位的身份证</label>
                                    <input type="text" class="form-control" name="check_card" id="check_card">
                                </div>
                                <button class="btn btn-primary btn-block submit">验证</button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <ul style="font-size: 17px;" class="result">
                                </ul>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-8">
                                <blockquote>
                                    历史记录:
                                </blockquote>
                                <ol class="history">
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="city.js"></script>
<script src="main.js?v=233"></script>
</body>
</html>